/*
    |||||	|||||	NEW CSS		|||||	|||||
*/

    /* Uso geral */
    body {font-family: "effra", sans-serif !important;}
    ul > li {font-family: "effra", sans-serif !important;}
        .light-blue-1 { background-color: #62c3e8 !important; }
        .dark-blue-1{ color:#002355;}
        .border-silver-1{ border: solid #ececec 1px; }
        input {padding: 2px 15px !important; background: url(../img/seta-para-baixo.png) no-repeat; background-position: 403px 8px; background-size: 3%; font-size:12px !important; }
        select {  height: 1.8rem;}
        .floatLeft{ float:left;}
        form > div > input[type="submit"].btPesquisa { width: 130px; padding: 12px 9px !important; }
        a{ color:#62c3e8;}
        .bgSilver1 { background:#efefef;}
        #optionalsCity\20 { font-size: 11px; line-height: 10px; color: #FFFFFF; font-style: italic; font-weight: 300; }		
        form #cod_estados, form #codCidade  { border:solid 1px  #66C3E6 !important;}
        #formElement4 > div > div > p > #btpesquisar{ padding: 10px 20px !important; background:#F00; border: #a23099 solid 1px !important; color: #a23099;}			
        select {background-image: url('../img/seta-para-baixo.png'); background-size: 12px 10px; background-position: right 0.5rem center; background-repeat: no-repeat;}

        /* texto */
            .white{ color:#FFF;}
            .bold{ font-weight: bold;}
            .lineHeight0{ line-height:0px !important;}
            .colorSilverDark{ color:#444444 !important;}
            .btEnviarContato{ width: 130px; padding: 12px 9px !important; color: #23bcb1 !important; border: solid 1px #23bcb1 !important; }
            .font16{ font-size:16px !important;}
            .effra{font-family: "effra", sans-serif !important;}
            .C62C3E8:hover{ color:#62C3E8 !important; }
            .C002355{ color:#002355 !important; }
            .C5F839A{ color:#5F839A !important; }
            .C004B88{ color:#004B88 !important;}
        /* End texto */


        /* margin top */
            .marginTop0{ margin-top:0px;}
            .marginTop10{ margin-top:10px;}
            .marginTop20{ margin-top:20px;}
            .marginTop25{ margin-top:25px;}
            .marginTop30{ margin-top:30px;}
            .marginTop40{ margin-top:40px;}
            .marginTop50{ margin-top:50px;}
            .marginTop60{ margin-top:60px;}
            .marginTop70{ margin-top:70px;}
            .marginTop80{ margin-top:80px;}
            .marginTop90{ margin-top:90px;}
            .marginTop100{ margin-top:100px;}
            .marginTop110{ margin-top:110px;}
            .marginTop120{ margin-top:120px;}
            .marginTop130{ margin-top:130px;}
            .marginTop140{ margin-top:140px;}
            .marginTop150{ margin-top:150px;}
        /* End margin top */

        /* margin bottom */
            .marginBottom0{ 		margin-bottom:0px;}
            .marginBottom10{ 	margin-bottom:10px;}
            .marginBottom20{ 	margin-bottom:20px;}
            .marginBottom30{ 	margin-bottom:30px;}
            .marginBottom40{ 	margin-bottom:40px;}
            .marginBottom50{ 	margin-bottom:50px;}
            .marginBottom60{ 	margin-bottom:60px;}
            .marginBottom70{ 	margin-bottom:70px;}
            .marginBottom80{ 	margin-bottom:80px;}
            .marginBottom90{ 	margin-bottom:90px;}
            .marginBottom100{ 	margin-bottom:100px;}
        /* End margin bottom */

        /* margin top negativo */	
            .marginTop-5{margin-top:-5px;}
        /* End margin top negativo */		
        
        /* margin-right */
            .marginRight10{ margin-right:10px; }
            .marginRight20{ margin-right:20px; }
    
        /*	padding top	*/
            .paddingTop0{ padding-top:0px;}
            .paddingTop10{ padding-top:10px;}
            .paddingTop20{ padding-top:20px;}
            .paddingTop30{ padding-top:30px;}
            .paddingTop40{ padding-top:40px;}
            .paddingTop50{ padding-top:100px;}
            .paddingTop60{ padding-top:100px;}
            .paddingTop70{ padding-top:100px;}
            .paddingTop80{ padding-top:100px;}
            .paddingTop90{ padding-top:100px;}
            .paddingTop100{ padding-top:100px;}
        /*	End padding top	*/
        
        /*	padding bottom	*/
            .paddingBottom0{ padding-bottom:0px;}
            .paddingBottom10{ padding-bottom:10px;}
            .paddingBottom20{ padding-bottom:20px;}
            .paddingBottom30{ padding-bottom:30px;}
            .paddingBottom40{ padding-bottom:40px;}
            .paddingBottom50{ padding-bottom:50px;}
            .paddingBottom60{ padding-bottom:60px;}
            .paddingBottom70{ padding-bottom:70px;}
            .paddingBottom80{ padding-bottom:80px;}
            .paddingBottom90{ padding-bottom:90px;}
            .paddingBottom100{ padding-bottom:100px;}
        /*	End padding bottom	*/
        
        /*	Padding left	*/		
            .paddingLeft50{ padding-left:50px;}
        /*	End padding left	*/				
    
    /* Uso geral */

/*	HOME */
    /* menu */
        div.top-bar-right ul.header-mobile li.active	{ background:#00a8e3 !important;}
        div.top-bar-right ul.header-mobile li.active > a	{  color:#FFF;}
        div.top-bar-right ul.header-mobile li > a	{ font-size: 16px !important;}
        div.top-bar-right ul.header-mobile li	{margin: 0 1px;  padding:6px 12px 6px 27px; text-align:center; border: solid rgb(0, 0, 0 0) 1px;}
        div.top-bar-right ul.header-mobile li.active:hover	{ padding:6px 11px 6px 26px; color: rgb(102, 195, 230) !important; background:#FFF !important; border: solid rgb(102, 195, 230) 1px; }
        div.top-bar-right ul.header-mobile li.active:hover > a {color: rgb(102, 195, 230) !important;}
    /* End menu */
    
    /* banner */
        .banner-home{ background:url(../img/home/banner-top/banner-top.jpg) right no-repeat !important; background-size:auto 405px  !important; height:367px; background-size:cover; }
        .titlearea .white-border { border: #fff solid 10px;    padding: 40px 20px; }
    /* End banner */
    .produtos > div {   }

/*
    .frameImg{  width: 500px; height:420px;  border: solid #ececec 1px; overflow:hidden; margin-bottom:30px;  }
    .frameImg > img { width: 500px; height:420px; margin:0 auto; }
*/
    .frameImg{    border: solid #ececec 1px; overflow:hidden; margin-bottom:30px;  }
    .frameImg > img { width: 100%; height: auto;}
    .eloqua_body p, .eloqua_body form label, form .eloqua_body label {line-height: 20px !important;}
    
    /* Footer */
        .comoChegarClass{ position:relative;}
        .comoChegarClass div{ float:left;}
        #comochegar{ margin-top:15px; margin-right: 7px;}
    /* End Footer */
/*	END HOME */

/*	CONTATO */
    #formContatoPage p { color:#5f839a !important;}
    .changeFormContato > div > input[type="text"] { background: #FFFFFF; padding: 8px 0px !important;}
    form input { border: 1px solid #002355 !important;}
    .changeFormContato > div > label { color:#002355 !important;}
    #formContatoPage > div > a { color:#5f839a !important; line-height: 35px !important;}
    #formContatoPage > div > div.row > div > div > input[type="text"] {background: #FFFFFF;padding: 8px 10px !important;}
    
    .twoColumns{ /*border:#F00 solid 1px;*/ padding:0 !important; margin: 0 auto; margin-top:10px;}
    .twoColumns > div { min-width: 45%; margin: 0 auto !important; float:left; }
    .twoColumns > div:nth-child(2) { float:right;}
    .twoColumns > div > p> input {max-width: 93.5%;  padding-top: 7px !important; padding-bottom: 7px !important;}
    .noBackground{ background:#FFFFFF;}
    .colorBlueDark1{color: #002355 !important}

    .threeColumns{ /*border:#F00 solid 1px;*/ padding:0 !important; margin: 0 auto; margin-top:10px;}
    .threeColumns > div { min-width: 35%; margin: 0 auto !important; float:left; margin-right: 5% !important; }
    .threeColumns > div:nth-child(1) {  }
    .threeColumns > div:nth-child(2) { min-width: 20%;   }
    .threeColumns > div:nth-child(3) {  float: right; margin-left:0px !important; margin-right:0px !important; }
    .threeColumns > div >   input {max-width: 120%; width: 100% !important;  padding: 7px 0px !important;  }
    .btEnviarContato{ width: 130px; padding: 12px 9px !important; color: #23bcb1 !important; border: solid 1px #23bcb1 !important;  margin-left: -8px;}
    .btEnviar1{ margin-left: -8px; border: solid 1px #23bcb1 !important;}
/*	CONTATO */

/* PRODUTOS */
    #productDescription > p {font-family: Effra; font-size: 16px; font-weight: 400; line-height: 1.22; color: #004B88; }  
    #productDescription > div >  .header{ color:#004b88 !important; font-weight:bold; background:#efefef;}
    .tableProductDescription  {    height: 70px !important; }	 
    .tableProductDescription > div { text-align:center; min-height:75px;}
    .tableProductDescription > div:nth-child(1) {  padding-top: 20px; border-right: solid 1px #FFF; font-family: effra;}
    .tableProductDescription > div:nth-child(2) {  padding-top: 20px; border-right: solid 1px #FFF; font-family: effra;}
    .tableProductDescription > div:nth-child(3) {  padding-top: 20px; border-right: solid 1px #FFF; font-family: effra;}
    .tableProductDescription2  { background:#fcfcfc;  }
    .tableProductDescription2 > div { min-height:80px;   padding: 20px 0; text-align:center; border-right:solid 1px #f0f0f0 ;  }
    .tableProductDescription2 > div{font-family: Effra ; font-size: 14px; font-weight: 400; color: #797979;} 
        
    .tableProductDescription .bgSilverNew3 { background:background: #efefef !important; }
    .tableProductDescription > div  { color: #004b88 !important; font-weight: bold; background-color: #efefef;}
    /* END PRODUTOS */ 

    form select {border: 1px solid #002355 !important; }
    form select { border: 1px solid #002355 !important;background-color: white !important;margin-bottom: 10px !important;}
    form select {padding: 5px 15px !important;font-size: 12px !important;}
    form input[type="submit"] {color: #23bcb1; border: solid 1px #23bcb1; border: 1px solid #23bcb1 !important; }
    .dealerFrameData{ display: none;}

/*
    |||||	|||||	NEW CSS		|||||	|||||
*/

@media screen and  (max-width: 1024px) {
    .frameImg {
        max-width: 100%;
        height: 270px ; 	 
    }
    
    .frameImg > img {
        max-width: 100%;
        height:auto;
        max-height: 420px; 
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    #page-top > div > div > div > p { 
        line-height: 25px !important;
    }
    
    .eloqua_body p.white, .eloqua_body form label.white, form .eloqua_body label.white { 
        color: #FFFFFF;
        line-height: 25px !important;
    }
    
    .btEnviarContato{  margin-left: -2px;}
}


@media screen and  (max-width: 750px) {


div.top-bar-right ul.header-mobile li.active {
    background: #E6E6E6 !important;
}	


div.top-bar-right ul.header-mobile li:hover {
    background: rgba(0,0,0, 0)!important;
}


    .twoColumns > div {
        min-width: 100% !important;
        float: left;
    }
    
    .twoColumns > div > p> input {
        max-width: 93%;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    
    .threeColumns > div {
        min-width: 100%;
        margin-right: 5% !important;
    }
    
    .threeColumns > div:nth-child(2) {
        min-width: 100%;
    } 
    
    #formContatoPage > div > div  >  .btEnviarContato {
        width: 130px;
        padding: 12px 9px !important;
        color: #23bcb1 !important;
        border: solid 1px #23bcb1 !important;
    }
    #menuErs{
        margin-top: 15px;
    }
    
    #menuErs > ul > li > a { 
        padding:7px 0  !important; 
        height:0px;
    }

    .of_footer{
        display:none;
    }

    #foo > .header-nav{ 
        z-index:3;
    }

    .row.db, .columns.db {
            background: #62c3e8 !important; padding-top: 15px; 
    }
    
    .smallBannerErs > img { 
        display:inline-block; 
        min-width:100%; 
        width:100%; 
        max-width:100%; 
        height:auto; 
    }
    
    #page-top>div > div > div > p { 
        line-height: 25px !important;
    }	


    .banner-home{ background:url(../img/home/banner-top/banner-top.jpg) right no-repeat !important; background-size:auto 405px  !important; height:367px; background-size:cover; }
    
    .eloqua_body p.white, 
    .eloqua_body form label.white, 
    form .eloqua_body label.white { 
        color: #FFF;
    }
    
    .heightSmallDivices { 
        height:420px !important;
    }
    
    .bodyProducts > div >div { 
        margin-bottom: 40px !important;
    }
    
    .btPesquisa	{ 
        padding: 10px 20px !important;
    }
    
    .frameImg > img {
        max-width: 100%;
        height: auto;
        max-height: 420px;
        overflow: hidden;
        margin-bottom: 30px;
        position: relative;
        margin-top: -10%;
    }
    
    .btEnviarContato{  
        margin-left: 5px;
    }
    
}

.marginTop-30 {
    margin-top: -30px !important; 
}



.tableProductDescription2 hr {
    margin: 20px 0 !important;
}

.contato select {
    border: none !important;
}

.contato input {
    background: none;
}

.contato input[type="submit"] {
    padding: 12px !important;
}

#formElement13 .field-p {
    color: #fff !important;
}

.text-legal {
    font-size: 12px;
    text-transform: none;
}
            
    .eloqua_body h1.headline {
        font-size: 55px;
        line-height: 46px;
        font-weight: 600;
        color: #FFCC00}
        .eloqua_body p.medium, .eloqua_body form label.medium, form .eloqua_body label.medium {
        font-size: 24px; }
    .eloqua_body p.large, .eloqua_body form label.large, form .eloqua_body label.large {
        font-size: 20px; }
    .eloqua_body p.white, .eloqua_body form label.white, form .eloqua_body label.white {
        color: white;
        line-height: 25px !important}

    .vs-60 {
        padding: 60px 0; }
        @media screen and (min-width: 0em) and (max-width: 39.9375em) {
            .vs-60 {
            padding: 60px 0; } }

    .row.lb {
    background-color: #004889; }

    .columns.lb {
        background-color: #62C3E8; }

    .white-rectangle {
        position: absolute;
        border: 10px solid #00ADDB;
        width: 92%;
        height: 85%;
        margin: 2% 0 0 4%;
        box-sizing: border-box; }